﻿@model Coslen.TahorCRM.Domain.Entities.ViewModels.Editing.EventEditViewModel
@Html.HiddenFor(model => model.Event.EventId)
@Html.HiddenFor(model => model.Event.CreatedByUserId)
@Html.HiddenFor(model => model.Event.CreatedAt)
@Html.HiddenFor(model => model.Event.UpdatedAt)
@Html.HiddenFor(model => model.Event.DeletedAt)
<fieldset>
    <legend>Event Information</legend>
    <div class="editor-row">
        <div class="editor-label">
            @Html.LabelFor(model => model.Event.EventTypeId)
        </div>
        <div class="editor-field">
            @Html.DropDownListFor(model => model.Event.EventTypeId, Model.EventTypeList)
            @Html.ValidationMessageFor(model => model.Event.EventTypeId)
        </div>
    </div>
    <div class="editor-row">
        <div class="editor-label">
            @Html.LabelFor(model => model.Event.Title)
        </div>
        <div class="editor-field">
            @Html.TextBoxFor(model => model.Event.Title, new { @class = "large" })
            @Html.ValidationMessageFor(model => model.Event.Title)
        </div>
    </div>
    <div class="editor-row">
        <div class="editor-label">
            @Html.LabelFor(model => model.Event.StartingAt)
        </div>
        <div class="editor-field">
            @Html.TextBoxFor(model => model.Event.StartingAt)
            @Html.ValidationMessageFor(model => model.Event.StartingAt)
            <img src="@Url.Content("~/Content/Images/minus.png")" alt="Hide/Show" 
             onclick="ToggleHideShow(this,'divDateTimePicker_StartingAt');" 
             class="smallIcon" 
             id="imgToggleHideShow_StartingAt"
             style="vertical-align: middle; padding-bottom: 3px;"/>
            <div class="divDateTimePickers" id="divDateTimePicker_StartingAt">
                <div id="divStartingAtDate" class="divDatePicker">
                </div>
                <div id="divStartingAtTime" class="divTimePicker">
                </div>
            </div>
        </div>
    </div>
    <div class="editor-row">
        <div class="editor-label">
            @Html.LabelFor(model => model.Event.EndingAt)
        </div>
        <div class="editor-field">
            @Html.TextBoxFor(model => model.Event.EndingAt)
            @Html.ValidationMessageFor(model => model.Event.EndingAt)
            <img src="@Url.Content("~/Content/Images/minus.png")" alt="Hide/Show" 
             onclick="ToggleHideShow(this,'divDateTimePicker_EndingAt');" 
             class="smallIcon" 
             id="imgToggleHideShow_EndingAt"
             style="vertical-align: middle; padding-bottom: 3px;"/>
            <div class="divDateTimePickers" id="divDateTimePicker_EndingAt">
                <div id="divEndingAtDate" class="divDatePicker">
                </div>
                <div id="divEndingAtTime" class="divTimePicker">
                </div>
            </div>
        </div>
    </div>
    <div class="editor-row">
        <div class="editor-label">
            @Html.LabelFor(model => model.Event.ShortDescription)
        </div>
        <div class="editor-field">
            @Html.TextAreaFor(model => model.Event.ShortDescription, new { @class="taSmall"})
            @Html.ValidationMessageFor(model => model.Event.ShortDescription)
        </div>
    </div>
    <div class="editor-row">
        <div class="editor-label">
            @Html.LabelFor(model => model.Event.Description)
        </div>
        <div class="editor-field">
            @Html.TextAreaFor(model => model.Event.Description)
            @Html.ValidationMessageFor(model => model.Event.Description)
        </div>
    </div>
    <div class="editor-row">
        <div class="editor-label">
            @Html.LabelFor(model => model.Event.Location)
        </div>
        <div class="editor-field">
            @Html.TextAreaFor(model => model.Event.Location, new { @class = "taSmall" })
            @Html.ValidationMessageFor(model => model.Event.Location)
        </div>
    </div>
</fieldset>
<fieldset>
    <legend>Contact Details</legend>
    <div class="editor-row">
        <div class="editor-label">
            @Html.LabelFor(model => model.Event.ContactPerson)
        </div>
        <div class="editor-field">
            @Html.TextBoxFor(model => model.Event.ContactPerson, new { @class = "medium" })
            @Html.ValidationMessageFor(model => model.Event.ContactPerson)
        </div>
    </div>
    <div class="editor-row">
        <div class="editor-label">
            @Html.LabelFor(model => model.Event.ContactPhone)
        </div>
        <div class="editor-field">
            @Html.TextBoxFor(model => model.Event.ContactPhone, new { @class = "medium" })
            @Html.ValidationMessageFor(model => model.Event.ContactPhone)
        </div>
    </div>
    <div class="editor-row">
        <div class="editor-label">
            @Html.LabelFor(model => model.Event.ContactMobile)
        </div>
        <div class="editor-field">
            @Html.TextBoxFor(model => model.Event.ContactMobile, new { @class = "medium" })
            @Html.ValidationMessageFor(model => model.Event.ContactMobile)
        </div>
    </div>
    <div class="editor-row">
        <div class="editor-label">
            @Html.LabelFor(model => model.Event.ContactEmail)
        </div>
        <div class="editor-field">
            @Html.TextBoxFor(model => model.Event.ContactEmail, new { @class = "large" })
            @Html.ValidationMessageFor(model => model.Event.ContactEmail)
        </div>
    </div>
</fieldset>
<fieldset>
    <legend>Event Costs</legend>
    <div class="editor-row">
        <div class="editor-label">
            @Html.LabelFor(model => model.Event.HasFee)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Event.HasFee)
            @Html.ValidationMessageFor(model => model.Event.HasFee)
        </div>
    </div>
    <div class="editor-row">
        <div class="editor-label">
            @Html.LabelFor(model => model.Event.IsFeePerPerson)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Event.IsFeePerPerson)
            @Html.ValidationMessageFor(model => model.Event.IsFeePerPerson)
        </div>
    </div>
    <div class="editor-row">
        <div class="editor-label">
            @Html.LabelFor(model => model.Event.FeePerAdult)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Event.FeePerAdult)
            @Html.ValidationMessageFor(model => model.Event.FeePerAdult)
        </div>
    </div>
    <div class="editor-row">
        <div class="editor-label">
            @Html.LabelFor(model => model.Event.FeePerChild)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Event.FeePerChild)
            @Html.ValidationMessageFor(model => model.Event.FeePerChild)
        </div>
    </div>
    <div class="editor-row">
        <div class="editor-label">
            @Html.LabelFor(model => model.Event.FeePerFamily)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Event.FeePerFamily)
            @Html.ValidationMessageFor(model => model.Event.FeePerFamily)
        </div>
    </div>
    <div class="editor-row">
        <div class="editor-label">
            @Html.LabelFor(model => model.Event.AdultsPerFamily)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Event.AdultsPerFamily)
            @Html.ValidationMessageFor(model => model.Event.AdultsPerFamily)
        </div>
    </div>
    <div class="editor-row">
        <div class="editor-label">
            @Html.LabelFor(model => model.Event.ChildrenPerFamily)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Event.ChildrenPerFamily)
            @Html.ValidationMessageFor(model => model.Event.ChildrenPerFamily)
        </div>
    </div>
    <div class="editor-row">
        <div class="editor-label">
            @Html.LabelFor(model => model.Event.FeeDueBy)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Event.FeeDueBy)
            @Html.ValidationMessageFor(model => model.Event.FeeDueBy)
        </div>
    </div>
    <div class="editor-row">
        <div class="editor-label">
            @Html.LabelFor(model => model.Event.AgeOfAdult)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Event.AgeOfAdult)
            @Html.ValidationMessageFor(model => model.Event.AgeOfAdult)
        </div>
    </div>
    <div class="editor-row">
        <div class="editor-label">
            @Html.LabelFor(model => model.Event.AgeOfChild)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Event.AgeOfChild)
            @Html.ValidationMessageFor(model => model.Event.AgeOfChild)
        </div>
    </div>
</fieldset>
<fieldset>
    <legend>RSVP Information</legend>
    <div class="editor-row">
        <div class="editor-label">
            @Html.LabelFor(model => model.Event.IsRsvpRequiried)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Event.IsRsvpRequiried)
            @Html.ValidationMessageFor(model => model.Event.IsRsvpRequiried)
        </div>
    </div>
    <div class="editor-row">
        <div class="editor-label">
            @Html.LabelFor(model => model.Event.RsvpBy)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Event.RsvpBy)
            @Html.ValidationMessageFor(model => model.Event.RsvpBy)
        </div>
    </div>
</fieldset>
<fieldset>
    <legend>Searching</legend>
    <div class="editor-row">
        <div class="editor-label">
            @Html.LabelFor(model => model.Event.Tags)
        </div>
        <div class="editor-field">
            @Html.TextAreaFor(model => model.Event.Tags, new { @class = "taSmall" })
            @Html.ValidationMessageFor(model => model.Event.Tags)
        </div>
    </div>
</fieldset>
